<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收费列表</title>
    <link rel="stylesheet" href="${request.contextPath}/layuiadmin/layui/css/layui.css" media="all">
    <style>
        .layui-form-label{
            width: 140px;
        }
        #time{
            width:180px ;
        }

    </style>
</head>
<body style="background-color: #F2F2F2;" >
<div style="padding: 20px; ">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body">
<#--
                    <#-- 数据表格-->
                    <table class="layui-hide" id="customer" lay-filter="customer"></table>



                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="timeTpl">
    {{#  if(d.regdate !=null){ }}
    <div>{{layui.util.toDateString(d.regdate, 'yyyy-MM-dd HH:mm:ss')}}</div>
    {{#  } else { }}
    {{#  } }}

</script>
<script type="text/html" id="timeTpl2">
    {{#  if(d.registrationTime !=null){ }}
    <div>{{layui.util.toDateString(d.registrationTime, 'yyyy')}}</div>
    {{#  } else { }}
    {{#  } }}
</script>


<script src="${request.contextPath}/layuiadmin/layui/layui.js"></script>

<script>
    layui.use(['table','form','jquery','laydate'], function(){
        var table = layui.table;
        var form=layui.form;
        var $=layui.$;
        var layer=layui.layer;
        var laydate=layui.laydate;

        //日期选择
        laydate.render({
            elem: '#year'
            ,trigger: 'click'//呼出事件改成click
            ,type: 'year'
        });

        var addLayerIndex='';
        table.render({
            elem: '#customer'
            ,url:'${request.contextPath}/fee/getPageList2'
            ,method:'post'
            ,contentType: "application/json;charset=UTF-8"
            ,dataType: 'json'
            ,toolbar: 'default'  //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
            ,totalRow: true //开启合计行
            ,done:function (res,curr,count) {
                // console.log(res)
                // $("tr").css("height",60)
            }
            ,toolbar: '#toolbar' //开启头部工具栏，并为其绑定左侧模板
            ,defaultToolbar: [
            //     'filter', 'exports', 'print', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
            //     title: '提示'
            //     ,layEvent: 'LAYTABLE_TIPS'
            //     ,icon: 'layui-icon-tips'
            // }
            ]
            ,title: '${page}'
            ,cols: [[
                {field:'road', title:'车道',sort: true,totalRowText: '合计：'}
                /*,{field:'type',title:'车型'}*/
                ,{field:'fee',title:'费用',sort: true,totalRow: true}
                /*,{field:'serial',title:'车牌号'}*/
                /*,{field:'time',title:'时间'}*/
                /*,{fixed: 'right', title:'操作', toolbar: '#bar',width:90}*/
            ]]
            ,page: true
            ,parseData: function(res){ //res 即为原始返回的数据
                debugger
                console.log(res)
                return {
                    "code": res.data.code, //解析接口状态
                    "msg": res.data.msg, //解析提示文本
                    "count": res.data.count, //解析数据长度
                    "data": res.data.data //解析数据列表
                };
            }
        });



        //查询按钮
        $("#search").click(function () {
            var title=$("input[name='title']").val();
            var document_type=$("input[name='document_type']").val();

            //列表的重载
            table.reload('customer', {
                page:{curr:1}
                ,where: {title: title,document_type:document_type}
                }
            );


        });

        //清空按钮
        $("#reset").click(function () {
           $("input").val("")
        });
        //关闭新增layer
        window.closeAddLayer=function () {
            layer.close(addLayerIndex)
        }
        //重载客户列表
        window.reloadCustomerList=function(){
            table.reload('customer')
        }
    });

</script>
<script type="text/html" id="imgtmp">
    <img src="{{d.headimgurl}}" style="height: 50px;width: 50px">
</script>
</body>
</html>
